* {

	outline: none !important;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

	display: block;

}

/* =============================================================================

   Fix the clear issue

   ========================================================================== */

.hide {

	display: none;

}

.clear {

	clear: both !important;

	display: block !important;

	font-size:0 !important;

	height:0 !important;

	line-height: 0 !important;

	width: 100% !important;

	margin:0 !important;

	padding:0 !important;

	border:0 !important;

	

}

.clearfix:after {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}

.clearfix {

	display: inline-block;

} /* Hide from IE Mac \*/

.clearfix {

	display: block;

} /* End hide from IE Mac */

.clear-fixed {

	height: 100%;

	overflow: hidden;

}



::-moz-selection {

background: #F78118;

color: #FFFFFF;

text-shadow: none;

}

::selection {

	background: #F78118;

	color: #FFFFFF;

	text-shadow: none;

}

body {

	line-height: 1;

}

abbr[title] {

	border-bottom: 1px dotted;

}

b, strong {

	font-weight: bold;

}

em, i, dfn {

	font-style: italic;

}

hr {

	display: block;

	height: 1px;

	border: 0;

	border-top: 1px solid #CCCCCC;

	margin: 1em 0;

	padding: 0;

}

ins {

	background: #FFFF99;

	color: #000000;

	text-decoration: none;

}

mark {

	background: #FFFF00;

	color: #000000;

	font-style: italic;

	font-weight: bold;

}

pre {

	white-space: pre;

	white-space: pre-wrap;

	word-wrap: break-word;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after, q:before, q:after {

	content: '';

	content: none;

}








.view { width:100%; height:100%; overflow: hidden; position: relative; text-align: center;cursor: default; }

.view .mask, .view .content { width: 100%; height:100%; padding-top:28%; position: absolute; overflow: hidden; top: 0; left:0; }

.view img { display: block; position: relative; }



.mask p{ color:#fff;}



.view a{ width:100%; display:block;}





.effect img {

   opacity:1;

   -moz-transform:scale(1,1);

   -webkit-transform:scale(1,1);

   -o-transform:scale(1,1);

   -ms-transform:scale(1,1);

   transform:scale(1,1);

   -webkit-transition: all 0.2s ease-in;

   -moz-transition: all 0.2s ease-in;

   -o-transition: all 0.2s ease-in;

   -ms-transition: all 0.2s ease-in;

   transition: all 0.2s ease-in;

}

.effect .mask {

   opacity: 0;

   overflow:visible;

   border:0px solid rgba(0,0,0,0.7);

   -moz-box-sizing:border-box;

   -webkit-box-sizing:border-box;

   box-sizing:border-box;

   -webkit-transition: all 0.4s ease-in-out;

   -moz-transition: all 0.4s ease-in-out;

   -o-transition: all 0.4s ease-in-out;

   -ms-transition: all 0.4s ease-in-out;

   transition: all 0.4s ease-in-out;

}



.effect .mask img{width:80%; margin:0 auto; padding-top:25%;}

.effect .mask p{ color:#fff; font-size:16px;opacity:1; line-height:28px;}



.effect:hover img {

	opacity:1;

   -moz-transform:scale(1.1,1.1);

   -webkit-transform:scale(1.1,1.1);

   -o-transform:scale(1.1,1.1);

   -ms-transform:scale(1.1,1.1);

   transform:scale(1.1,1.1);

}

.effect:hover .mask {

opacity: 1; background:rgba(0,0,0,0.7);



}

.effect:hover .mask p{ color:#fff; font-size:16px;opacity:1;}



.effect:hover .mask img{ width:80%; margin:0 auto;  -moz-transform:scale(1,1);

   -webkit-transform:scale(1,1);

   -o-transform:scale(1,1);

   -ms-transform:scale(1,1);

   transform:scale(1,1);}





.second-effect .mask {
	
   opacity: 0;

   overflow:visible;

   border:0px solid rgba(0,0,0,0.7);

   -moz-box-sizing:border-box;

   -webkit-box-sizing:border-box;

   box-sizing:border-box;

   -webkit-transition: all 0.4s ease-in-out;

   -moz-transition: all 0.4s ease-in-out;

   -o-transition: all 0.4s ease-in-out;

   -ms-transition: all 0.4s ease-in-out;

   transition: all 0.4s ease-in-out;

}

.second-effect samp.info {

	position:relative;

	top:45%;

	opacity:0;

   -moz-transform:scale(0,0);

   -webkit-transform:scale(0,0);

   -o-transform:scale(0,0);

   -ms-transform:scale(0,0);

   transform:scale(0,0);

   -webkit-transition: -webkit-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;

   -moz-transition: -moz-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;

   -o-transition: -o-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;

   -ms-transition: -ms-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;

   transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;

}

.second-effect:hover .mask {

   opacity: 1; background:rgba(0,0,0,0.7); line-height:200%;

}

.second-effect:hover samp.info {

	opacity:1;

	-moz-transform:scale(1,1);

	-webkit-transform:scale(1,1);

	-o-transform:scale(1,1);

	-ms-transform:scale(1,1);

	transform:scale(1,1);

	-moz-transition-delay:0.3s;

	-webkit-transition-delay:0.3s;

	-o-transition-delay:0.3s;

	-ms-transition-delay:0.3s;

	transition-delay:0.3s;

}



.view samp.info { display: inline-block; text-decoration: none; padding: 0px; text-indent: -9999px; width: 50px; height: 50px; }



.container-fluid {

    padding: 0;

}



.navbar {

    margin: 0;

}



#activate {

    margin: 17px 0;

    width: 300px;

    height: 64px;

    font-size: 18px;

}



.header1 {

    margin:0;

}



.headerImg {

    width: 100%;

}







.credit {

    text-align: center;

    margin-top: 50px;

    margin-bottom: 100px;

}





.hide {

    visibility: hidden;

}